템플릿 리터럴

✒️ 2025-05-23 15:21 내용 수정

문자열을 편리하게 작성하고 조립할 수 있는 표현 구문

• ECMAScript6부터 추가되었다.
• 템플릿 : 일부만 변경해서 반복하거나 재사용할 수 있는 틀
• 표현식의 값을 문자열에 추가하거나 여러 줄의 문자열을 표현할 수 있다.
• 역따옴표(backtick) ` 로 사용하며, 일반적인 줄 바꿈 문자(\n)를 사용할 수 있다.
  • 파일 입출력과 스트림의 서식 문자 참고

var str = `long paragraph with line changing`;
console.log(str);
var str = `long paragraph with \n line changing`;
console.log(str);
var str = `long paragraph with\nline changing`;
console.log(str);

• 출력 표현을 문자 그대로 보고 싶으면 규칙에 따라 기호를 추가하거나 String.raw를 사용한다.
  • String 클래스#3. 기타 유의사항 참고

var str = String.raw`long paragraph with\nline changing`;
var str = `long paragraph with\\nline changing`;

• 보간 표현식 : 템플릿 리터럴 안에 ${변수}로 표현할 수 있다.
  • 파일 입출력과 스트림의 서식 문자 참고

var a = 10;
var b = 2;
console.log(`${a}+${b}=${a+b}`);

var now = new Date();
console.log(`오늘은 ${now.getMonth()+1}월 ${now.getDate()}일 입니다.`);